<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			#logo{
				margin:  200px auto;
				border: 2px solid red;
				width: 600px;
				overflow: hidden;
			}
			#logo img{
				width: 600px;
			}
			#logo:hover{
				cursor: pointer;/*鼠标变成小手*/
				 /* transform: translate(70px,70px) scale(1.5,1.5); */
				 /* transform:scale(1.5,1.5); */
				/* transform: skew(0,80deg); */
				 transform: rotate(720deg);
				/* transform: translate3d(20px,40px,50px); */
				transition: all 5s ease-out 0s;
			}
		</style>
	</head>
	<body>
		<div id="logo">
			<img src="../images/logo.jpg"/>
		</div>
	</body>
</html>
